<template>
  <div class="map-box">
    <div class="left">
      <DemMap></DemMap>
    </div>
    <div class="right"></div>
  </div>
</template>

<script>
import fileSaver from 'file-saver'
import QHHHEATMAP from './qhh-heatmap.vue'
import QHHHEATMAPTWO from './qhh-heatmap-two.vue'
// 第一组地图
import DemMap from './mapOne/qhh-heatmap-DEM.vue'
import SoiltypeMap from './mapOne/qhh-heatmap-Soiltype.vue'
import VegetationtypeMap from './mapOne/qhh-heatmap-Vegetationtype.vue'
import WaterMap from './mapOne/qhh-watermap.vue'

export default {
  components: {
    QHHHEATMAP,
    QHHHEATMAPTWO,
    DemMap,
    SoiltypeMap,
    VegetationtypeMap,
    WaterMap,
  },
  mounted() {
    // this.saveFile()
  },
  methods: {
    saveFile(url) {
      console.log('000')
      fileSaver.saveAs(
        'https://sampleserver6.arcgisonline.com/arcgis/rest/services/Elevation/MtBaldy_Elevation/ImageServer/tile/5/181/164',
        'sss'
      )
    },
  },
}
</script>

<style scoped>
.map-box {
  display: flex;
  width: 100vw;
  height: 100vh;
  flex-direction: row;
  justify-content: center;
}
.left {
  width: 50%;
}
.right {
  width: 50%;
}
</style>
